Hintergrundbild für Header ändern.
9 Jahre 7 Monate her #1564
von Hans
Hintergrundbild für Header ändern. wurde erstellt von Hans
Hallo Experten,
ich möchte gerne im Header ein Hintergrundbild haben.
Im Templates-Stil kann ich aber nur die Farbe ändern.
Nun habe ich mal mit firebug die Stelle im templates10.css gesucht.
da steht Zeile 8350:
#header {
background-color: #addb90;
background-image: linear-gradient(#c9e7b7, #d8eeca 25%, #addb90);
background-repeat: no-repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height: 120px;
position: relative;
}
Habe die templates10.css mit Microsoft Expression 4 geöffnet.
dort steht ab Zeile 8143:
#header {
min-height: 120px;
position: relative;
background-color: #575757;
background-repeat: no-repeat;
background-color: #383838;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-image: linear-gradient(#525252,#5e5e5e 25%,#383838);
Nun habe ich im Beitrag "schön-das-es-weitergeht" gelesen, dass man in der Datei templates10.css nichts ändern kann, da dass beim Speichern wieder verschwindet.
Nun meine Frage. Besteht eine relative einfache Möglichkeit ein Hintergrundbil für den Header einzufügen.
Gruß Monkee
ich möchte gerne im Header ein Hintergrundbild haben.
Im Templates-Stil kann ich aber nur die Farbe ändern.
Nun habe ich mal mit firebug die Stelle im templates10.css gesucht.
da steht Zeile 8350:
#header {
background-color: #addb90;
background-image: linear-gradient(#c9e7b7, #d8eeca 25%, #addb90);
background-repeat: no-repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height: 120px;
position: relative;
}
Habe die templates10.css mit Microsoft Expression 4 geöffnet.
dort steht ab Zeile 8143:
#header {
min-height: 120px;
position: relative;
background-color: #575757;
background-repeat: no-repeat;
background-color: #383838;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-image: linear-gradient(#525252,#5e5e5e 25%,#383838);
Nun habe ich im Beitrag "schön-das-es-weitergeht" gelesen, dass man in der Datei templates10.css nichts ändern kann, da dass beim Speichern wieder verschwindet.
Nun meine Frage. Besteht eine relative einfache Möglichkeit ein Hintergrundbil für den Header einzufügen.
Gruß Monkee
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
-
- Offline
- Administrator
-
9 Jahre 7 Monate her #1565
von Thomas Hunziker
Thomas Hunziker antwortete auf Hintergrundbild für Header ändern.
Entweder im Templatestil selber im Parameter "Use custom CSS" die entsprechende Regel einfügen oder aber eine /templates/lessallrounder/css/custom.css erstellen und dort reinschreiben.
Die Regel würde dann etwa so lauten:
Die Regel würde dann etwa so lauten:
Code:
#header {
background: url(/images/header.png) no-repeat;
}
Folgende Benutzer bedankten sich: Hans
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
9 Jahre 7 Monate her #1577
von Hans
Hans antwortete auf Hintergrundbild für Header ändern.
Hi Thomas,
habe Template deinen Cod eingegeben.
#header {
background: url(/images/header.png) no-repeat;
}
und Custom aktiviert.
Darauf ändert sich zwar das ganze, nur mein Bild ist nicht da(siehe Anhang nach-aktivierung.jpeg)
Das Bild habe ich hier abgelegt.
C:\xampp\htdocs\Joomla-Test\templates\lessallrounder\images\header.png
ist das der richtige Ort?
Ich habe doch schon eine custom.css
body {
background-attachment: fixed;
background-position: center center;
}
Soweit ich mal gelesen habe sollte diese custom.css nach der ersten Aktivierung in dieTemplate.css geschrieben werden und anschließende selbstständig gelöscht werden.
Nun hänge ich mal wieder und brauche deine Hilfe
Gruß Monkee
habe Template deinen Cod eingegeben.
#header {
background: url(/images/header.png) no-repeat;
}
und Custom aktiviert.
Darauf ändert sich zwar das ganze, nur mein Bild ist nicht da(siehe Anhang nach-aktivierung.jpeg)
Das Bild habe ich hier abgelegt.
C:\xampp\htdocs\Joomla-Test\templates\lessallrounder\images\header.png
ist das der richtige Ort?
Ich habe doch schon eine custom.css
body {
background-attachment: fixed;
background-position: center center;
}
Soweit ich mal gelesen habe sollte diese custom.css nach der ersten Aktivierung in dieTemplate.css geschrieben werden und anschließende selbstständig gelöscht werden.
Nun hänge ich mal wieder und brauche deine Hilfe
Gruß Monkee
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
-
- Offline
- Administrator
-
9 Jahre 7 Monate her - 9 Jahre 7 Monate her #1578
von Thomas Hunziker
Thomas Hunziker antwortete auf Hintergrundbild für Header ändern.
Das Bild muss in den images Ordner in deinem Joomla Verzeichnis.
Wenn dus in den Template Ordner reintust und die Regel in die custom.css reinschreibst brauchst du stattdessen diese Regel:
Wenn dus in den Template Ordner reintust und die Regel in die custom.css reinschreibst brauchst du stattdessen diese Regel:
Code:
#header {
background: url(../images/header.png) no-repeat;
}
Gelöscht wird nichts, aber der Inhalt wird beim speichern des Stils gelesen und in die fertige template.css reingeschrieben.Soweit ich mal gelesen habe sollte diese custom.css nach der ersten Aktivierung in dieTemplate.css geschrieben werden und anschließende selbstständig gelöscht werden
Letzte Änderung: 9 Jahre 7 Monate her von Thomas Hunziker.
Folgende Benutzer bedankten sich: Hans
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
9 Jahre 7 Monate her #1579
von Hans
Hans antwortete auf Hintergrundbild für Header ändern.
Super ich fange an zu verstehen.
In die custom schreibt man zusätzliche Regeln rein,
Wenn die Seite geöffnet wird schreibt dann die custom das in die template.css und öffnet erst dann die Seite.
Habe ich das richtig verstanden?
Muss nun nur noch das Bild in Höhe und Breite anpassen
Danke und bis zum nächsten mal
Gruß Monkee
In die custom schreibt man zusätzliche Regeln rein,
Wenn die Seite geöffnet wird schreibt dann die custom das in die template.css und öffnet erst dann die Seite.
Habe ich das richtig verstanden?
Muss nun nur noch das Bild in Höhe und Breite anpassen
Danke und bis zum nächsten mal
Gruß Monkee
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
9 Jahre 7 Monate her #1580
von Hans
Hans antwortete auf Hintergrundbild für Header ändern.
Sorry, meine Freude war zu früh.
Jetzt geht die erste Regel(body) nicht mehr nur das Bild wird im Header eingefügt.
Wahrscheinlich schreibe ich das Falsch.
body {
background-attachment: fixed;
background-position: center center;
}
#header {
background: url(../images/header.png) no-repeat;
}
Jetzt geht die erste Regel(body) nicht mehr nur das Bild wird im Header eingefügt.
Wahrscheinlich schreibe ich das Falsch.
body {
background-attachment: fixed;
background-position: center center;
}
#header {
background: url(../images/header.png) no-repeat;
}
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.202 Sekunden